//这个方法将使用XMLHTTPRequest对象来进行AJAX的异步数据交互


var xmlhttp;

function verify(){
    //0.使用DOM的方式获取文本框中的值
    var userName=document.getElementById("userName").value;

    //1.创建XMLHTTPRequest对象、这是XMLHttprequest五步中最复杂的一步
    //需要针对IE和其他类型的浏览器简历这个对象的不同方式写不同的代码。

    if(window.XMLHttpRequest){
         xmlhttp=new XMLHttpRequest();
        //正对某些特定版本的Mozillar浏览器的BUG进行修正
        if(xmlhttp.overrideMimeType){
            xmlhttp.overrideMimeType("text/xml");
        }

    }
    else if(window.ActiveXObject){
        var activexName=["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];

        for(var i=0;i<activexName.length;i++){
            try{
                 xmlhttp=new ActiveXObject(activexName[i]);
                break;
            }catch(e){

            }
        }

    }
    if(!xmlhttp){
        alert("XMLHttpRequest对象创建失败！！");
        return ;

    }else{
//        alert(xmlhttp);
    }


   //2.注册回调函数
    xmlhttp.onreadystatechange= callback;

    //3.设置连接信息
    //第三个参数表示采用异步还是同步方式交互，true表示异步。
//    xmlhttp.open("GET","AJAXServer?name="+userName,true);
      xmlhttp.open("POST","AJAXXMLServer",true);
    xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

//    //4.发送数据，开始和服务器端进行交互
//    //同步方式下，send这句话在服务器端数据回来后才执行完，
//    //异步方式下，send这句话会立即执行完。
//    xmlhttp.send(null);

    xmlhttp.send("name="+ userName);

}

function callback(){
    //5.接收响应数据
    //判断对象的状态时交互完成
    if(xmlhttp.readyState == 4){
        //判断HTTP交互是否成功
        if(xmlhttp.status ==200){
            //获取服务器端返回的数据
            //获取服务器端输出的纯文本数据
//            var responseText=xmlhttp.responseText;
            var domObj=xmlhttp.responseXML;
            //利用getELEMENTBYTAGNAME可以来获取元素节点
            var messageNodes=domObj.getElementsByTagName("message");
            var textNode=messageNodes[0].firstChild;

            var responseMessage=textNode.nodeValue;





            //将数据显示在页面上
            var divNode=document.getElementById("result");
            //设置元素节点中的HTML内容。
            divNode.innerHTML=responseMessage;

        }
    }

}